@font-face {
	font-family: 'arrows';
	src:url('../fonts/arrows/arrows.eot');
	src:url('../fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'),
		url('../fonts/arrows/arrows.woff') format('woff'),
		url('../fonts/arrows/arrows.ttf') format('truetype'),
		url('../fonts/arrows/arrows.svg#arrows') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body{
    overflow: hidden;
}
.bb-custom-wrapper .bb-bookblock {
	box-shadow: 0 12px 20px -10px rgba(81,64,49,0.6);
}

.bb-custom-wrapper h3 {
	font-size: 1.4em;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.bb-custom-wrapper nav {
	width: 100%;
	height: 30px;
	margin: 1em auto 0;
	position: relative;
	z-index: 0;
	text-align: center;
}

.bb-custom-wrapper nav a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
	background: #72b890;
	color: #fff;
	font-size: 0;
	margin: 2px;
}

/* .bb-custom-wrapper nav a:hover {
	opacity: 0.6;
}

.bb-custom-icon:before {
	font-family: 'arrows';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 20px;
	line-height: 30px;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.bb-custom-icon-first:before,
.bb-custom-icon-last:before {
	content: "\e002";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before {
	content: "\e003";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-first:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
} */

/* No JS */
.no-js .bb-custom-wrapper {
	height: auto;
}

.no-js .bb-custom-content {
	height: 470px;
}

/* 
home
*/
.home{overflow: hidden;}
.home{
    height: 100%;
    background: url('../imgs/home/bmg.gif') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.home .imgs{
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    text-align: center;
}
.home img.people{max-width: 82%;text-align: center;}
.home .cheats{
    position: absolute;top: 0;left: 5%;right: 0;margin: auto;height: 10%;
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cheats_go{
    -webkit-animation: cheats_go .7s linear 5.5s forwards;
    animation: cheats_go .7s linear 5.5s forwards;
}
@-webkit-keyframes cheats_go{
    to{transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes cheats_go{
    to{transform: scale(1);-webkit-transform: scale(1);}
}
.home .cheats img{
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;margin: auto;
}
.home .cheats img:nth-child(1){
    max-width: 56%;
}
.cheats_img_go{
    -webkit-animation: cheats_img_go 5s infinite linear;
    animation: cheats_img_go 5s infinite linear;
}
@-webkit-keyframes cheats_img_go{
    to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}
@keyframes cheats_img_go{
    to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);}
}
.home .cheats img:nth-child(2){
    max-width: 26%;
    z-index: 9;
}
.book_go{
    -webkit-animation: book_go .5s infinite alternate;
    animation: book_go .5s infinite alternate;
}
@-webkit-keyframes book_go{
    to{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@keyframes book_go{
    to{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
}}
.home  img.prompt{
    max-width: 35%;
    left: 26%;
    opacity: 0;
    transform: translateY(0);
}
.prompt_go{
    -webkit-animation: prompt_go .5s linear 6s forwards;
    animation: prompt_go .5s  linear 6s forwards;
}
@-webkit-keyframes prompt_go{
    to{-webkit-transform:translateY(-100%);
        transform:  translateY(-100%);opacity: 1;}
}
@keyframes prompt_go{
    to{-webkit-transform:translateY(-100%);
        transform:  translateY(-100%);opacity: 1;}
}
.home img.hand{
    position: absolute;left: 26%;right: 0;margin: auto;
    max-width: 12%;
    z-index: 9;
    visibility: hidden;
}
.hand_go{
    -webkit-animation: hand_go .6s linear infinite alternate;
    animation: hand_go .6s linear  infinite alternate;
}
@-webkit-keyframes hand_go{
    to{-webkit-transform:translateY(-15%) translateX(-15%);transform:  translateY(-15%) translateX(-15%);}
}
@keyframes hand_go{
    to{-webkit-transform:translateY(-15%) translateX(-15%);transform:  translateY(-15%) translateX(-15%);}
}
.dan img{
    position: absolute;
    right: 0;
    width: 36%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 19;
}
.dan_go{
    -webkit-animation: dan_go 8s linear infinite;
    animation: dan_go 8s linear  infinite;
}
.dan img:nth-child(1){
    top: 6%;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.dan img:nth-child(2){
    top:10%;
    -webkit-animation-delay:6.6s;
    animation-delay: 6.6s;
}
.dan img:nth-child(3){
    top:14%;
    -webkit-animation-delay:2s;
    animation-delay: 2s;
}
.dan img:nth-child(4){
    top:20%;
    -webkit-animation-delay:4.9s;
    animation-delay: 4.9s;
}
.dan img:nth-child(5){
    top:26%;
    -webkit-animation-delay:6.2s;
    animation-delay: 6.2s;
}
.dan img:nth-child(6){
    top:27%;
    -webkit-animation-delay:2.4s;
    animation-delay: 2.4s;
}
@-webkit-keyframes dan_go{
    to{
        -webkit-transform: translateX(-420px);
        transform: translateX(-420px);
    }
}
@keyframes dan_go{
    to{
        -webkit-transform: translateX(-420px);
        transform: translateX(-420px);
    }
}
/* 
 index main
*/
html,body{padding: 0;margin: 0;}
.main{
    display: none;
    /* visibility: hidden; */
    height: 100%;overflow: hidden;
    background: url('../imgs/bmg.jpg') no-repeat;
    background-position:0 0;
    background-size: 100% 100%;
}
.main_go{
    -webkit-transform: scale(1);
    transform:  scale(1);
    -webkit-animation: main_go .5s linear;
    animation: main_go .5s linear;
}
@-webkit-keyframes main_go{
    from{
        -webkit-transform: scale(0);
        transform:  scale(0);
    }
}
@keyframes main_go{
    from{
        -webkit-transform: scale(0);
        transform:  scale(0);
    }
}
.main .point{
    position: absolute;
    bottom: 40%;
    right: -7%;
    z-index: 999999;
    -webkit-animation: hands_go .6s linear infinite alternate;
    animation: hands_go .6s linear  infinite alternate;
    color: #999;
}
.main .point img{
    max-width:30%;
}
@-webkit-keyframes hands_go{
    to{-webkit-transform:translateX(-20%);transform:  translateX(-20%);}
}
@keyframes hands_go{
    to{-webkit-transform:translateX(-20%);transform: translateX(-20%);}
}
.bb-custom-wrapper{
    height: 71.9%;
    margin-top: 30.2%;
    padding-right: 15%;
    position: relative;
}
.bb-bookblock{
    transform: translateX(-48%);
    -webkit-transform: translateX(-48%);
    border-radius: 5px;
}
.bb-item{
    transform-style: preserve-3d;
    perspective: 100px;
    background: #fef1d9;
    border-radius: 5px;
}
.our{
    height: 100%;margin-left: 50%;text-align: center; border-top-right-radius: 5px;border-bottom-right-radius: 5px;
    box-shadow: -10px 0 10px rgba(9, 9, 9, .3);
}
/* .bb-page .our{border-top-right-radius: 5px;border-bottom-right-radius: 5px;} */
.bb-inner{background: #fef1d9;}
.our img{max-height: 100%;}
.intro{
    position: absolute;
    right: 13%;
    top: 2%;
    z-index: -1;
    transform: translateY(-100%);
    background: url('../imgs/btn.png') no-repeat;
    background-size: 100% 100%;
    background-position: 100% 0;
    height: 14%;
    width: 33%;
    display: flex;
    justify-content: center;
    text-align: center;
}
.intro .item{align-self: center;margin-top: -5%;}
.fir{color: #fff;font-size: 1.2rem;}
.sec{color: #fff; font-size: .7rem;}
.bb-flipoverlay,.bb-back,.bb-front,.bb-outer,.bb-content,.bb-inner{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial,.bb-flipoverlay{
box-shadow: 10px 0 10px rgba(9, 9, 9, .3) inset;
}
/* .bb-content img{display: none;} */
.bb-flip-next .bb-back img{display: none;}
.bb-flip-prev .bb-back img{display: none;}
